<!DOCTYPE html>
<html lang="en" ng-app="balanceHistoryApp">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="format-detection" content="telephone=no" />
    <title>结算历史一览</title>
    <link href="css/balanceHis.css" type="text/css" rel="stylesheet" />

    <script type="text/javascript">
        (function(doc_01, win_01) {
            var docEl_01 = doc_01.documentElement;
            var resizeEvt_01 = 'orientationchange' in window ? 'orientationchange' : 'resize';
            var recalc_01 = function() {
                var clientWidth_01 = docEl_01.clientWidth;
                var clientheight_01 = docEl_01.clientHeight;
                if(!clientWidth_01) return;
                if(clientWidth_01 < 751) {
                    docEl_01.style.fontSize = (clientWidth_01 / 750 * 100).toFixed(1) + 'px';
                } else {
                    docEl_01.style.fontSize = 100 + 'px';
                }
            };
            recalc_01();
            if(!doc_01.addEventListener) return;
            win_01.addEventListener(resizeEvt_01, recalc_01, false);

        })(document, window);
    </script>
</head>
<body class="index" ng-controller="BalanceHisCtrl">
    <div class="wrapper">
        <div class="layout">
            <div class="balanceHisList">
            <!--<div class="clearfix balanceHisList ng-cloak">-->
                <div class="balance_his" style="margin-top: 0px;" ng-repeat="item in balanceHisList">
                    <div class="balance_year">
                        <p>{{item.balanceDateYear}}</p>
                    </div>
                    <div class="border"></div>
                    <div class="list_header">
                        <p style="width: 15%;">日期</p>
                        <p style="width: 30%;">订单金额<span style="color: #9E9E9E; font-size: 0.28rem;">(元)</span></p>
                        <p style="width: 25%;">订单数<span style="color: #9E9E9E; font-size: 0.28rem;">(单)</span></p>
                        <p style="width: 30%;">佣金<span style="color: #9E9E9E; font-size: 0.28rem;">(元)</span></p>
                    </div>
                   <!-- <div class="border"></div>-->
                    <div class="list_body" ng-repeat="item in item.balanceHisMonthList">

                        <p style="width: 15%;">{{item.balanceDateMonth}}</p>
                        <p style="width: 30%;">{{item.orderTotalPrice}}</p>
                        <p style="width: 25%;">{{item.balanceOrderTotals}}</p>
                        <a href="javascript:;" ng-click="goToBalanceHisDetail(item)">
                            <p style="width: 30%; color: #FB5C31;">{{item.balanceCommission}}</p>
                        </a>
                        <div class="border"></div>
                    </div>
                    <div class="border"></div>
                    <div class="clear"></div>
                </div>
                <div id="loading_msg" style="height: 0.8rem; background: white;"></div>
                <!--<div id="loadingDoneContainer">没有数据了!</div>-->
            </div>
            <!--<p class="loadingMore"></p>-->
            <p class="no_dataText">{{no_dataText}}</p>
        </div>

        <!-- 重新加载 -->
        <div class="loading-pop">
            <img id="load_img" src="../market/images/loading.gif" class="loading-img">
            <span id="reload" class="reload-msg" style="display:none" ng-click="reload()">重新加载</span>
            <!--<span id="reload" class="loading-img" style="display:none" ng-click="reload()">重新加载</span>-->
        </div>
    </div>

    <!-- 返回顶部按钮 -->
    <div class="to_top"><img src="../market/images/to_top.png"/></div>
    <!--<div class="to_top"><img src="../market/images/to_top.png" width="100%"height="100%"/></div>-->

    <!-- 引入的js -->
    <script src="../market/lib/jquery-2.1.1.min.js" type="text/javascript"></script>
    <script src="../market/lib/jquery.mobile-1.4.5-custom-min.js"></script>
    <script src="../market/lib/idangerous.swiper.js" type="text/javascript"></script>
    <script src="../market/lib/angular/angular.min.js" type="text/javascript"></script>
    <script src="../market/lib/angular/angular-route.min.js" type="text/javascript"></script>
    <script src="../market/lib/angular/angular-resource.min.js" type="text/javascript"></script>
    <script src="js/home_commission.js" type="text/javascript"></script>
    <script src="js/balance_history.js"></script>
    <script src="../market/lib/moment.min.js"></script>
    <script src="../market/js/filters.js"></script>
</body>
</html>